<template>
  <div class="page">
    <nav-top title='预约'></nav-top>
    <page-content>
      <xl-content>
        <div class="content-column p4">
          <p class="fs30 pb40">{{docter}}医生</p>
          <p>职称:  {{job}}</p>
          <p>科室:  {{ks}}</p>
          <p>医院:  {{hospital}}</p>
          <p>地址:  {{address}}</p>
        </div>
      </xl-content>
      <xl-content class="tail-arrow">
        <div class="content-block space-between ">
            <span>预约时间</span>
            <span>{{time}}</span>
        </div>
      </xl-content>
      <xl-content class="tail-arrow">
        <div class="content-block space-between ">
          <span>备注</span>
          <span>希望能够预约成功！</span>
        </div>
      </xl-content>
      <div class="row">
        <button class="round-btn">确定预约</button>
      </div>
    </page-content>
  </div>
</template>
<script>
import navTop from '@c/header/navTop'
import pageContent from '@c/pagecontent'
import xlContent from '@c/content.vue'
export default {
  name: '',
  components:{
    navTop,
    pageContent,
    xlContent
  },
  // props:,
  data () {
    return {
      docter:'初音',
      job:'主任医生',
      hospital:'广东省中山市人民医院',
      ks:'儿科',
      address:'广东省中山市',
      time:'2017年4月11日16:43:30'
      }
  },
  methods:{
    
  }
}
</script>
<style lang='scss' scoped>
  .p4{
    p:not(:first-child){
      padding-bottom: 20px;
    }
  }
</style>